<template>
  <div id="app">
    <!--使用ElementUI的按钮-->
    <el-button type="warning" plain disabled>警告按钮</el-button>
    <el-button type="danger" plain disabled>危险按钮</el-button>
    <br/>
    <!--使用ElementUI的图标-->
    <el-button type="primary" icon="el-icon-delete"></el-button>
    <span type="primary" icon="el-icon-delete"></span>
    {{msg}}
    <ul>
      <li>
        <!--router-link和router-view搭配使用-->
        <router-link to="/home">主页</router-link>
        <router-link to="/news">新闻</router-link>
      </li>
    </ul>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "app",
  data() {
    return {
      msg: "Welcome to Your Vue.js App"
    };
  }
};
</script>

<style lang="scss">
</style>
